<!DOCTYPE html>
<html>
<title>Test that player controls are painted correctly with -webkit-appearance: none;</title>
<script src="../media-controls.js"></script>
<style>
video::-webkit-media-controls-play-button {
  -webkit-appearance: none;
}
</style>
<video controls width=400></video>
<script>
  var video = document.querySelector('video');
  enableTestMode(video);

  video.requestVideoFrameCallback(() => {
    if (window.testRunner)
      testRunner.notifyDone();
  });

  video.src = "../content/counting.ogv";

  if (window.testRunner)
    testRunner.waitUntilDone();
</script>
</html>
